<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>退货/售后</title>
    <link rel="stylesheet" href="../../css/aui.css">
    <link rel="stylesheet" type="text/css" href="../../css/aui-flex.css" />
    <link rel="stylesheet" href="../../css/main.css">
    <link rel="stylesheet" href="./css/after_sale_detail.css">

    <script type="text/javascript" src="../../js/base.js"></script>
</head>
<body>
<!--<header class="aui-bar aui-bar-nav aui-bar-top">-->
    <!--<a class="aui-pull-left aui-btn goBack" >-->
        <!--<span class="aui-iconfont aui-icon-left"></span>-->
    <!--</a>-->
    <!--<div class="aui-title">退货/售后</div>-->
<!--</header>-->
<section id="app" v-cloak>
    <div v-if="navigator && navigator.onLine === true">
    <div v-if="goodsList.length>0"   v-for="afterSaleGoods,index in goodsList">
        <div  class="aui-grid">
            <div class=" aui-row aui-flex-col aui-flex-item-12 aui-margin-t-5 aui-padded-t-10 aui-padded-r-10  goodsList">
                <div class="aui-flex-item-6 aui-padded-l-5">
                    <div class="aui-grid-label aui-font-size-12" style="position: relative;height:2.25rem;margin-top:0">
                        <img src="../../icon/logo.png" style="height:0.8rem; line-height: 0.8rem" alt="">
                        <span class="textCol">
                            小普微信商城专营
                         <i class="aui-iconfont aui-icon-right aui-font-size-12" style="position: absolute;top: 50%;margin-top: -0.75rem;left: 102%;"></i>
                        </span>

                    </div>
                </div>
                <div class="aui-flex-item-6" >
                    <div class="aui-font-size-12 aui-text-right fontColor">{{getAfterSaleType(afterSaleGoods.cservice_type)}}</div>
                    <div class="aui-grid-label aui-font-size-12 aui-text-right textCol">订单号:{{afterSaleGoods.order_sn}}</div>
                </div>
            </div>
        </div>
        <div style="border-bottom: 1px solid #efefef;width:96%;margin:0 3%"></div>
        <div  class="aui-grid">
            <div class="aui-row" @click="goGoodsDetail(afterSaleGoods.goods_id)" >
                <div class="aui-col-xs-3 aui-padded-l-10">
                    <img v-bind:src=" getImage(afterSaleGoods.goods_image)" alt="">
                </div>
                <div class="aui-col-xs-6 aui-padded-l-10 aui-text-left">
                    <div class="aui-grid-label aui-margin-0 aui-font-size-16 aui-margin-b-5 ">{{afterSaleGoods.goods_name}}</div>
                    <div class="aui-grid-label aui-font-size-12  aui-margin-0   textCol ">{{getTypeAndColor(afterSaleGoods.attrText,0)}}</div>
                    <div class="aui-grid-label aui-font-size-12  aui-margin-0  textCol" style="overflow: hidden">{{getTypeAndColor(afterSaleGoods.attrText,1)}}</div>
                    <div class="aui-grid-label aui-font-size-12 aui-text-danger aui-margin-0"><img src="../../icon/2-1/fenxiang.png" style="height:0.5rem"></div>
                </div>
                <div class="aui-col-xs-3  aui-text-right aui-padded-r-10" >
                    <div class="aui-font-size-12">￥{{afterSaleGoods.shop_price}}</div>
                    <div class="aui-grid-label aui-font-size-12 aui-margin-b-5 textCol" style="text-decoration:line-through;margin-top:0">￥{{afterSaleGoods.market_price
                        }}</div>
                    <div class="aui-font-size-12 aui-margin-b-10 textCol">重量:0.020Kg</div>
                    <div class="aui-grid-label aui-font-size-12 textCol">X{{afterSaleGoods.goods_number}}</div>
                </div>
            </div>
        </div>
        <div style="border-bottom: 1px solid #efefef;width:96%;margin:0 3%"></div>
        <div class="aui-flex-col aui-flex-item-12  indentTime">
            <div class=" aui-flex-item-4 aui-padded-l-10 aui-font-size-12 textCol" >
                <span>{{getDate(afterSaleGoods.created_at+"000")}}</span>
            </div>
            <div class="aui-flex-item-8 aui-font-size-12 aui-text-right aui-padded-r-10 textCol">
                共<span>{{countNum[index]}}</span>件商品 合计:<span>￥{{countPrice[index]}}</span>(含运费:￥<span>0.00</span>)
            </div>
        </div>
        <div style="clear: both"></div>
        <div style="border-bottom: 1px solid #efefef;width:96%;margin:0 3%"></div>

    <div v-if="afterSaleGoods.is_deal == '0'" class="aui-flex-col aui-flex-item-12 aui-padded-t-10 aui-padded-b-10  aui-margin-b-10" style="background: #fff" >
        <div class="aui-flex-item-7 aui-padded-l-10 aui-font-size-14 fontColor" style="height:1.5rem;line-height: 1.5rem">等待处理</div>
        <div class="aui-btn  aui-btn-outlined  aui-flex-item-3 aui-flex-offset-1 borderColor " @click="AfterSaleStatus(index)">查看详情</div>
    </div>

    <div v-if="afterSaleGoods.is_deal == '1'" class="aui-flex-col aui-flex-item-12  aui-padded-t-10 aui-padded-b-10   aui-margin-b-10"  style="background: #fff">
        <div class=" aui-flex-item-7 aui-padded-l-10 aui-font-size-14 fontColor"  style="height:1.5rem;line-height: 1.5rem">处理中</div>
        <div class="aui-btn aui-btn-outlined aui-flex-item-3 aui-flex-offset-1  borderColor"  @click="AfterSaleStatus(index)">查看详情</div>
    </div>

    <div v-if="afterSaleGoods.is_deal == '2'" class="aui-flex-col aui-flex-item-12 aui-padded-t-10 aui-padded-b-10   aui-margin-b-10"  style="background: #fff">
        <div class="aui-flex-item-7 aui-padded-l-10 aui-font-size-14 fontColor"  style="height:1.5rem;line-height: 1.5rem">等待关闭</div>
        <div class="aui-btn aui-btn-outlined aui-flex-item-3  aui-flex-offset-1  borderColor"  @click="AfterSaleStatus(index)">查看详情</div>
    </div>

    <div v-if="afterSaleGoods.is_deal == '3'" class="aui-flex-col aui-flex-item-12 aui-padded-t-10 aui-padded-b-10   aui-margin-b-10"  style="background: #fff">
        <div class="aui-flex-item-7 aui-padded-l-10 aui-font-size-14 fontColor"  style="height:1.5rem;line-height: 1.5rem">已关闭</div>
        <div class="aui-btn aui-btn-outlined aui-flex-item-3 aui-flex-offset-1  borderColor"  @click="AfterSaleStatus(index)">查看详情</div>
    </div>
  </div>

    <div  v-if="goodsList.length==0"  style="margin-top:2.5rem;width:100%;background:#fff">
        <div style="position:absolute;top:50%;left:50%;margin-top:-3rem;margin-left: -3rem">
            <img src="../../icon/noIndent.png" alt="" style="width:6rem">
         </div>
        <div class="aui-text-center " style="position:absolute;top:50%;left:50%;margin-top:3rem;margin-left: -67px">还没有相关订单哦</div>
    </div>
  </div>
    <div v-if="navigator && navigator.onLine === false" style="position:relative;" @click="goOnLine()">
        <div style="position:absolute;top:50%;left:50%;margin-top:8rem;margin-left: -3rem">
            <img src="../../icon/duanwang.png" alt="" style="width:6rem">
            <div class="aui-text-center">暂无网络</div>
        </div>

        <div  class="aui-text-center textCol" style="position:absolute;top:50%;left:50%;margin-top:15rem;margin-left: -86px">请连接网络后,点击刷新</div>
    </div>
</section>

<script type="text/javascript" src="../../js/zepto.min.js"></script>
<script type="text/javascript" src="../../js/vue.min.js"></script>
<script type="text/javascript" src="../../js/api.js"></script>
<!--<script type="text/javascript" src="../../js/aui-tab.js"></script>-->
<script type="text/javascript" src="../../js/aui-toast.js"></script>
<script type="text/javascript" src="./js/after_sale_detail.js"></script>

<script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
<script type="text/javascript" src="../../js/weixin.js" ></script>
<script type="text/javascript">



</script>
</body>
</html>